<script setup lang="ts">
import router from '@/router/index'
import Playing from '@/views/Music/components/Playing.vue'
import { ref } from 'vue'
import PlayMode from '@/views/Music/components/PlayMode.vue'
import SongComment from '@/views/Music/components/SongComment.vue'
import type {
  SongInfo,
  ShareInfo,
  MusicMode,
  PlayMoreAction,
  SongCommentObj,
  SongRepayObj
} from '@/types/Playing'
import ShareView from '@/views/Music/components/ShareView.vue'
import PlayMore from '@/views/Music/components/PlayMore.vue'
const showLeft = ref<boolean>(false)
const showRecommend = ref<boolean>(false)
const showSongMore = ref<boolean>(false)
const showShare = ref<boolean>(false)
const topics = ref<string[]>([
  '# 火前留名',
  '# 好听到单曲循环',
  '# 我的青春记忆',
  '# 回忆树洞',
  '# 前奏一秒沦陷',
  '# 用音乐说爱你',
  '# 听完想恋爱',
  '# 汽友在听',
  '# 今日份不开心',
  '# 汽水说唱圈',
  '# 红心歌曲安利',
  '# 宝藏乐队大赏',
])
const onSearch = () => {
  router.push({ path: '/search' })
}
const onMore = () => {
  showLeft.value = !showLeft.value
}
const songInfo = ref<SongInfo>({
  // 封面
  cover: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
  // 歌词
  lyric: 'Taylor Swift',
  // 歌名
  name: 'Love Store',
  // 流派
  pop: '欧美流行',
  // 喜欢的图标
  likeIcon: 'icon-micbxihuanm',
  // 喜欢的数字
  likeCount: 3078,
  // 评论的图标
  comIcon: 'icon-pinglun',
  // 评论的数字
  comCount: 5789,
  // 分享的图标
  shareIcon: 'icon-a-ziyuan566',
  // 分享的数字
  shareCount: 10000,
  progress: 20,
  total: 240,
  isLike: false
}
)

const songs = ref<SongInfo[]>([
  songInfo.value,
  songInfo.value,
  songInfo.value,
  songInfo.value,
  songInfo.value]
)

const comments = ref<SongCommentObj[]>([
  {
    id: 1,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 2,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 2,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 3,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 3,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 4,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 4,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 4,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 4,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 4,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 4,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 1,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 5,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 5,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 6,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 6,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 7,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 7,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 8,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 8,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 9,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 9,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 10,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 10,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  },
  {
    id: 11,
    avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
    name: '达乐音悦台',
    vip: false,
    time: '2023年5月15日',
    zanCount: 152,
    isZan: false,
    content: '值得一提的是这首日文歌是张国荣1986年歌曲《谁令你心痴》的原版，这首歌曲最初是1984年由小林明子演唱的，在当时也取得了巨大的成功和影响力，此外，这首歌曲也曾经被多次翻唱和改编，成为了日本80年代最具影响力的流行歌曲',
    topic: ['歌曲背后'],
    repays: [{
      id: 1,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 2,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 3,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 4,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 5,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },
    {
      id: 6,
      avater: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201407%2F01%2F20140701213706_XcfaZ.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1708836581&t=163e702744fb898b947b37aaddf143dd',
      name: 'gif',
      repayId: 11,
      zanCount: 1,
      time: '2023年7月15日',
      content: '更值得一提的是日文是原创，张同志又是翻唱了而已！'
    },]
  }
])

const modes = ref<MusicMode[]>([
  { id: 0, name: '动感健身', icon: 'icon_xiaolian-mian', select: false },
  { id: 1, name: '快乐时光', icon: 'icon_xiaolian-mian', select: false },
  { id: 2, name: 'Chill放松', icon: 'icon_xiaolian-mian', select: false },
  { id: 3, name: '支援', icon: 'icon_xiaolian-mian', select: false },
  { id: 4, name: '夜晚', icon: 'icon_xiaolian-mian', select: false },
  { id: 5, name: '小酒馆', icon: 'icon_xiaolian-mian', select: false },
  { id: 6, name: '深夜EMO', icon: 'icon_xiaolian-mian', select: false },
  { id: 7, name: '失恋必听', icon: 'icon_xiaolian-mian', select: false },
  { id: 8, name: 'DJ模式', icon: 'icon_xiaolian-mian', select: false },
  { id: 9, name: '沉浸0.8X', icon: 'icon_xiaolian-mian', select: false },
  { id: 10, name: '抖音漫游', icon: 'icon_xiaolian-mian', select: false },
  { id: 11, name: '国风', icon: 'icon_xiaolian-mian', select: false },
  { id: 12, name: 'K-pop', icon: 'icon_xiaolian-mian', select: false },
  { id: 13, name: '粤语', icon: 'icon_xiaolian-mian', select: false },
  { id: 14, name: '驾车', icon: 'icon_xiaolian-mian', select: false },
  { id: 15, name: '电音', icon: 'icon_xiaolian-mian', select: false },
  { id: 16, name: '欧美', icon: 'icon_xiaolian-mian', select: false },
  { id: 17, name: 'R&B', icon: 'icon_xiaolian-mian', select: false },
  { id: 18, name: '通勤必听', icon: 'icon_xiaolian-mian', select: false },
  { id: 19, name: '怀旧老歌', icon: 'icon_xiaolian-mian', select: false },
  { id: 20, name: '佛系时间', icon: 'icon_xiaolian-mian', select: false },
  { id: 21, name: '雨天', icon: 'icon_xiaolian-mian', select: false },
  { id: 22, name: '说唱', icon: 'icon_xiaolian-mian', select: false },
  { id: 23, name: '旅游', icon: 'icon_xiaolian-mian', select: false },
  { id: 24, name: '治愈', icon: 'icon_xiaolian-mian', select: false },
  { id: 25, name: '起床', icon: 'icon_xiaolian-mian', select: false },
  { id: 26, name: '浪漫情歌', icon: 'icon_xiaolian-mian', select: false },
  { id: 27, name: '琴音乐', icon: 'icon_xiaolian-mian', select: false },
  { id: 28, name: '儿歌', icon: 'icon_xiaolian-mian', select: false },
  { id: 29, name: '乡村', icon: 'icon_xiaolian-mian', select: false },
  { id: 30, name: '古典', icon: 'icon_xiaolian-mian', select: false },
  { id: 31, name: '海边', icon: 'icon_xiaolian-mian', select: false },
  { id: 32, name: '甜美女声', icon: 'icon_xiaolian-mian', select: false },
  { id: 33, name: '夜晚', icon: 'icon_xiaolian-mian', select: false },
  { id: 34, name: '摇滚', icon: 'icon_xiaolian-mian', select: false },
  { id: 35, name: 'KTV必点', icon: 'icon_xiaolian-mian', select: false },
  { id: 36, name: '小酒馆', icon: 'icon_xiaolian-mian', select: false },
  { id: 37, name: '民谣', icon: 'icon_xiaolian-mian', select: false },
  { id: 38, name: '日语', icon: 'icon_xiaolian-mian', select: false },
])

const shareInfos = ref<ShareInfo[]>([
  { id: 0, name: '抖音', icon: 'icon-micbxihuanm' },
  { id: 1, name: '抖音好友', icon: 'icon-micbxihuanm' },
  { id: 2, name: '微信好友', icon: 'icon-micbxihuanm' },
  { id: 3, name: '微信朋友圈', icon: 'icon-micbxihuanm' },
  { id: 4, name: 'QQ好友', icon: 'icon-micbxihuanm' },
  { id: 5, name: 'QQ空间', icon: 'icon-micbxihuanm' },
  { id: 6, name: '复制链接', icon: 'icon-micbxihuanm' },
])

const playMoreActions = ref<PlayMoreAction[]>([
  { id: 0, name: '下载', icon: 'icon-micbxihuanm' },
  { id: 1, name: '定时关闭', icon: 'icon-micbxihuanm' },
  { id: 2, name: '添加到歌单', icon: 'icon-micbxihuanm' },
  { id: 3, name: '音质', icon: 'icon-micbxihuanm' },
  { id: 4, name: '不喜欢', icon: 'icon-micbxihuanm' },
  { id: 5, name: '查看歌手', icon: 'icon-micbxihuanm' },
  { id: 6, name: '查看专辑', icon: 'icon-micbxihuanm' },
  { id: 5, name: '歌曲信息反馈', icon: 'icon-micbxihuanm' },
  { id: 6, name: '举报', icon: 'icon-micbxihuanm' },
])

const changeProgress = (progress: number) => {
  songInfo.value.progress = progress
}

const onLike = () => {
  console.log('onLike')
  songInfo.value.isLike = !songInfo.value.isLike
}
const onRecommend = () => {
  console.log('onRecommend')
  showRecommend.value = true
}
const onShare = () => {
  console.log('onShare')
  showShare.value = true
}
const onDislike = () => {
  console.log('onDislike')
}
const onSongMore = () => {
  console.log('onSongMore')
  showSongMore.value = true
}
const onChange = () => {
  console.log('刷新了')
}
const onKnow = () => {
  console.log('属性模式')
  showLeft.value = false
}
const onNew = () => {
  console.log('新鲜模式')
  showLeft.value = false
}
const onEmojyItem = (item: MusicMode) => {
  console.log('点击了 item === ' + item)
  showLeft.value = false
}
const OnShareItem = (item: ShareInfo) => {
  console.log('点击了分享 item === ' + item)
  showShare.value = false
}

const onPlayMoreCell = (song: ShareInfo) => {
  console.log('点击了更多 song === ' + song)
}

const onPlayMoreChange = () => {
  console.log('点击了更多 换一批')
}

const onPlayMoreSort = () => {
  console.log('点击了更多 顺序播放')
}

const onPlayMoreHeaderItem = (action: PlayMoreAction) => {
  console.log('点击了更多 顶部按钮' + action)
}

const songCommentClose = () => {
  showRecommend.value = false
}

const songCommentOnUser = (comment: SongCommentObj) => {
  console.log('评论-点击进入用户详情 --->' + comment.name)
}

const songCommentOnTopic = (comment: SongCommentObj) => {
  console.log('评论-点击进入用户话题--->' + comment.topic![0])
}

const songCommentOnComment = (comment: SongCommentObj) => {
  console.log('评论-点击评论，进行回复--->' + comment.content)

}
const songCommentOnZan = (comment: SongCommentObj) => {
  console.log('评论-点击赞，--->' + comment.zanCount)
  comment.isZan = !comment.isZan
  if (comment.isZan) {
    comment.zanCount++
  } else {
    comment.zanCount--
    comment.zanCount < 0 ? 0 : comment.zanCount
  }
}
const songCommentOnRepay = (comment: SongCommentObj) => {
  console.log('评论-点回复，回复列表--->' + comment.repays![0].content)
  router.push({ path: '/repay',query:{comment:JSON.stringify(comment)}})
}


</script>
<template>
  <div class="nav">
    <span class="iconfont icon-gengduosanheng icon-more" @click="onMore"></span>
    <span class="title">模式选择</span>
    <span class="iconfont icon-vip- icon-vip"></span>
    <van-icon name="search" class="search" @click="onSearch" />
  </div>

  <Playing
  :song-info="songInfo" 
  @on-drag="changeProgress" 
  @on-like="onLike" 
  @on-recommend="onRecommend"
  @on-share="onShare" 
  @on-dislike="onDislike" 
  @on-song-more="onSongMore" 
  
  />

  <!-- 模式选择 -->
  <van-popup v-model:show="showLeft" position="left" :style="{ width: '80%', height: '100%' }">
    <PlayMode :modes="modes" @on-change="onChange" @on-know="onKnow" @on-new="onNew" @on-item="onEmojyItem" />
  </van-popup>


  <!-- 底部弹出 -->
  <van-popup v-model:show="showRecommend" position="bottom" :style="{ height: '100%', backgroundColor: '#000' }">
    <SongComment :topics="topics" :comments="comments" @on-close="songCommentClose" @on-user="songCommentOnUser"
      @on-topic="songCommentOnTopic" @on-comment="songCommentOnComment" @on-zan="songCommentOnZan"
      @on-repay="songCommentOnRepay" />
  </van-popup>

  <!-- 底部弹出 -->
  <van-popup style="background-color: #333;border-top-right-radius: 3vw;border-top-left-radius: 3vw;"
    v-model:show="showSongMore" position="bottom" :style="{ height: '70%' }">
    <PlayMore :actions="playMoreActions" :songs="songs" @on-cell="onPlayMoreCell" @on-change="onPlayMoreChange"
      @on-play-sort="onPlayMoreSort" @on-header-item="onPlayMoreHeaderItem" />
  </van-popup>

  <!-- 底部弹出 -->
  <van-popup v-model:show="showShare" position="bottom" style="background-color: black;" :style="{ height: '36%' }">
    <ShareView :share-infos="shareInfos" @on-item="OnShareItem" />
  </van-popup>

  <van-safe-area-bottom></van-safe-area-bottom>
</template>

<style lang="scss" scoped>
.nav {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  background-color: transparent;
  width: 100%;
  height: 10vh;
  //position: relative;
  /* 使 .container 成为定位上下文 */
}

.title {
  font-size: 6vw;
  line-height: 10vw;
  color: white;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 12vw;
}

.icon-more {
  font-size: 6vw;
  line-height: 10vw;
  color: white;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 4vw;
}

.icon-vip {
  font-size: 4vw;
  line-height: 4vw;
  padding: 0.5vw 2vw;
  color: white;
  background-color: transparent;
  position: absolute;
  bottom: 3vw;
  left: 40vw;
  background-color: #333;
  border-radius: 1vw;
}

.search {
  color: #fff;
  font-size: 6vw;
  line-height: 10vw;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  right: 4vw;
}
</style>